page-collection {
   .contentwrap{
       width: 100%;
       height:320px;
       margin-top: 5rem;
   }
   .toolbar-ios ion-title {
        background: #fff;
   }
   .toolbar-title-ios{
       font-weight:normal
    }
   .scroll-content{
        background-color:rgb(237,238,240);
   }
   .wrap1{
        background: url("assets/img/wuwangluo.png") no-repeat;
        background-size: 100%;
        background-position: 2px 22px;
   }
//    .wrap2{
//         background: url("assets/img/组3.png") no-repeat;
//         background-size: 100%;
//         background-position: 2px 21px;
//    }
    .collection{
        font-size: 1.4rem;
        text-align: center;
        width: 100%;
        display:block;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break:break-all;
        overflow: hidden;
    }
    .imgcoll{
        width:2rem;
        height:2rem;
        position: absolute;
        right:1rem;
        top:1rem;
    }
    .footer-bar{
        width:100%;
        height:5rem;
        border-top:1px solid #ccc;
        position:fixed;
        bottom:0;
    }
    .footer-bar-left{
        width:70%;
        text-align: left;
        line-height:5rem;    
        height:5rem;
        float:left;
        background:#fff;
        font-size:1.5rem;
        color:#999; 
    }
    .footer-bar-right{
        width:30%;
        text-align: center;
        line-height:5rem;    
        height:5rem;
        float:right;
        background:#ff5d5d;
        font-size:1.5rem;
        color:#fff;
    }
    .selectall{
        margin-left:1rem;
        position: relative;
        top:0.8rem;
    }
    
    .wrap{
       width:100%;
       height:5rem;
       line-height:5rem;
       text-align: center;
       z-index: 222;
       margin-top: 2%;
    }

    .list{
        margin-top: 4.5rem;
        padding-bottom: 5rem;
    }

    p{
        width: 100%;
        text-align: center;
        position:fixed;
        top:41%;
        font-size: 1.4rem;
        color:rgba(102,102,102,1);
        margin-bottom: 0.8rem;
    }
    .load{
        background: white;
        width: 140px;
        color:rgba(236, 81, 79,1);
        border-color: rgba(242,76,73,1);
    }
    .icon{
        font-size: 24px;
    }
    ion-searchbar{
        width:81%;
        position: absolute;
        top:-6px;
    }
    .bar-buttons-ios{
        position: relative;
    }
   .pageMenuSlides {
        position: fixed;
        width:100%;
        top: 3.7rem;
        z-index: 99;
        .swiper-container {
            width: 100%;
            height: 4.4rem;
        }
        .swiper-slide {
            background: #fff;
            color: #333;
            width: 9rem !important;
        }
        .swiper-slide:first-child{
            margin-left: 20%;
            margin-right: 2%;
        }
        div.bottomLine{
            color:black;
        }
        .swiper-slide{
            color:rgb(153,153,153);
        }
        .bottomLine:after {
            position: absolute;
            bottom:0;
            left: 34%;
            content:'';
            width: 3rem;
            height:0.2rem;
            background:#FF5D5D
        }
    }
    ion-slides {
    background-color: white;
    .slide-zoom {
        height: 100%;
        background:#EDEEF0;
        overflow-y: scroll;
    }
    }
    .pageMenuSlides{
        background:#fff;
    }
    .segment-ios-secondary .segment-button{
        border: none;
        color:black;
        font-size: 1.8rem;
    }
    .times{
        font-size: 1.4rem;
        color: #999;
        text-align: left;
        margin-left: 0.6rem;
    }
    .service{
        text-align: center;
        color: #333;
        overflow: hidden;
        clear: both;
    }
    .serName{
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break:break-all;
        overflow: hidden;
        width: 58%;
        display:block;
        float: left;
        text-align: left;
        font-size: 1.4rem;
    }
    .serPrice{
        float: right;
        text-align: right;
        font-size: 1.5rem;
        display: block;
        width: 41%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .searchbar-ios .searchbar-input{
        height:2.6rem;
        margin-bottom: 0.1rem
    }
    .servicePic{
        width: 100%;
        height:8.5rem;
        overflow: hidden;
    }
    .servicePic img{
        width: 100%;
        height: 100%;
    }
}
